body{ font-family:Microsoft Yahei; font-size:14px; line-height:1.5; background:#f2f2f2;}

h1,h2,h3,h4,h5,h6{ margin:0;}

a{ color:#000; text-decoration:none;}

a:hover{ color:#126ac2; text-decoration:none;}
 a:focus{outline:none;}

ul,li{ list-style:none; padding:0; margin:0;}

img{ max-width:100%;}

/*.header{ padding:0; background:rgba(7,112,217,.65);line-height:3.85em; position:absolute; top:0; left:0; width:100%; z-index:2}*/
.header{ padding:0; background:rgba(255,255,255,1);line-height:3.85em; position:fixed; top:0; left:0; width:100%; z-index:999999; border-bottom:1px solid #dddddd;}
.header .logo{padding:15px 0;}

.list-banner{ position:relative;}

#header-pcmenu{ padding:0; margin:0;}
/*#header-pcmenu a{ color:#ffffff; display:block;  font-size:16px;}*/
#header-pcmenu a{ color:#515151;display:block;  font-size:16px;}
#header-pcmenu a:hover{ background:rgba(255,255,255,1);color:rgba(7,112,217,1);}

#header-pcmenu .nav>li>a{ line-height:5.3em; border-top:3px solid #fff; padding:0;}
#header-pcmenu .nav>li>a:hover{ border-radius:0;}



.header-right{ padding:15px 0; text-align:right; color:#515151; position:static;}

.header .container{ position:static;}

.header-right b{ color:#515151; font-weight:normal; padding-right:1.42em; display:inline-block; position:relative; margin-right:1.42em;}

.header-right b:after{ content:''; height:20px; width:1px; background:#fff; display:block; position:absolute; right:0; top:17px;}

.header-right i.fa-search{ font-size:1.28em;}

.list-banner h3.the-title{ position:absolute; top:54%; left:0; width:100%; text-align:center; color:#fff; font-size:3em;}

.sub-block{ padding:80px 0}

.white-bg{ background:#fff;}

.pad-50{ padding:3.57em;}

.solution-txt-header{ border-bottom:1px solid #e0e0e0; text-align:center; padding-bottom:2.5em;}

.solution-txt-header h2{ margin:25px 0; font-size: 2.14em}

.post-metainfo{ font-size:1.14em;}

.post-category{ padding-right:35px; margin-right:35px; position:relative; line-height:25px;}

.post-category:after{ content:''; display:block; width:1px; height:13px; border-left:1px dotted #777; position:absolute; right:0; top:6px;}

.post-content{ padding:3.57em 0}

.post-content p{ line-height:2.3em; color:#444; text-indent:0em;}

.post-item{ margin-bottom:5.35em;}

.post-share{ border-top:2px solid #e5e5e5; padding-top:2.14em;}

.modal-backdrop{ z-index:10 !important}

.modal{ z-index:9999 !important;}

.modal-dialog-centered {

  height: calc(100% - (.5rem * 2))

}


#header-pcmenu .nav-justified li .Tdropdown{display:none;}

#header-pcmenu .nav-justified li.has-dropdown a, #header-pcmenu .nav-justified li:focus a {
  position: relative;  background:#f2f2f2;color:#126ac2;  border-top:3px solid #126ac2;
}
#header-pcmenu .nav-justified li.has-dropdown .Tdropdown {
	width:100%;
  -webkit-box-shadow: 0px 14px 33px -9px rgba(57, 67, 79, 0.75);
  -moz-box-shadow: 0px 14px 33px -9px rgba(57, 67, 79, 0.75);
  box-shadow: 0px 14px 33px -9px rgba(57, 67, 79, 0.75);
  z-index: 1002;
  opacity: 1;
  position: absolute;
  top: 5.3em;
  left: 0;
  text-align: left;
  background: #f2f2f2;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; display:block;
}

#header-pcmenu .nav-justified li.has-dropdown .Tdropdown li {
  display: block;
  
  background: #f2f2f2;
line-height: 40px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;

}
#header-pcmenu .nav-justified li.has-dropdown .Tdropdown li:last-child {
  margin-bottom: 0;
}
#header-pcmenu .nav-justified li.has-dropdown .Tdropdown li a {
  display: block;
  color: #333333; border:0; padding:0;
  text-transform: none;
  letter-spacing: 0;
  
  text-align: center;
line-height: 40px;
transition: color .3s;
}
#header-pcmenu .nav-justified li.has-dropdown .Tdropdown li a:hover {
  color:#126ac2; background-color:#d3e7fb;
}
#header-pcmenu .nav-justified li.has-dropdown:hover a, #header-pcmenu .nav-justified li.has-dropdown:focus a {

}



@media (min-width:576px) {

  .modal-dialog-centered {

    height: calc(100% - (1.75rem * 2))

  }

}







@media screen and (max-width: 1920px){

.container{ width:1440px;}

}


@media (min-width: 1200px ) and (max-width: 1400px) {

    body { max-width: 100%; overflow-x: hidden; }

    .container{ width:1170px;} 

    .search-ps b { padding-right:0.8em; margin-right:0.6em; }
	
	.president-info{padding-top:0;}

}

.other-solutions{ padding-top: 4.28em;}

.other-solutions h2.title{ font-size:2.14em; margin-bottom:1.5em;}

.other-solutions-item{ background:#fff; padding:0 1.42em 3.57em 1.42em;}

.other-solutions-item .img-icon{ text-align:center; padding:3em 0 1.5em 0;}

.other-solutions-item .other-title{ text-align:center; line-height:3em; font-size:1.2em; margin-bottom:1.8em;}

.other-solutions-item .other-title a{ color:#000; height:60px; display:block;overflow: hidden; position:relative;}

.other-solutions-item .other-title a:after{ content:''; display:block; width:45px; height:2px; background:#5c92c7; position:absolute; bottom:0; left:50%; margin-left:-22px;}

.other-solutions-item .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.other-solutions-item:hover{ background:#126ac2; cursor:pointer; transition: 1s;-moz-transition: 1s; -webkit-transition: 1s; -o-transition:1s;}

.other-solutions-item:hover .other-title a{ color:#fff;}

.other-solutions-item:hover .other-title a:after{background:#fff;}

.other-solutions-item:hover .desc{ color:#fff;}

.footer{ background:url(../images/foot-bg.jpg) no-repeat; background-size:cover; color:#fff !important;}

.footer a{ color:#FFF}

.footer a:hover{color:#add5fd}



.foot-top{ padding:2em 0 1.5em;}

.foot-top .code img{ border-radius:5px; width:100px;}

.foot-top h3{ font-size:18px; color:#fff; margin-bottom:1.2em;}

.foot-top .site-map li{ width:33%; float:left; line-height:2em;}

.foot-top .site-map li a{ color:#fff; background:url(../images/icon01.png) left center no-repeat; padding-left:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.foot-top .site-map li a:hover{ color:#add5fd}

.foot-tel{ color:#add5fd; font-size:2em; font-family:Arial; background:url(../images/tel-icon.png) left center no-repeat; padding-left:1.8em; line-height:1.5em;}

.foot-top .contact-us{ line-height:26px;}

.foot-top .foot-code h3{ margin-bottom:5px;}

.foot-top .foot-code p{ font-size:16px;}

.copyright{ border-top:1px solid #597393; padding:10px 0; line-height:22px;}

.mar-15{ margin-left:15px;}

.sub-img,.img-icon{    transition: 1s;-moz-transition: 1s; -webkit-transition: 1s; -o-transition:1s; overflow: hidden;}

.sub-img:hover img,.other-solutions-item:hover .img-icon img,.news-recommend-left-info:hover .sub-img img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);transition: all 1s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; cursor:pointer;}

.nav>li>a:focus{ background:none;}

body.news{ background:#fff;}

.breadcrumb{ border-bottom:1px solid #e1e1e1; line-height:55px; background:#fff;padding:0; margin-bottom:0}

.category-nav-left li{ display:inline-block; margin:0 25px; }

.category-nav-left li:first-child{ margin-left:0}

.category-nav-left li a{ display:block; margin-bottom:-1px; font-size:16px;}

.category-nav-left li a.active,.category-nav-left li a:hover{ border-bottom:3px solid #126ac2; color:#126ac2}


/*二级导航*/
#subHead{padding:0;}
.subnav{}
.subnav .container{position:relative;}
.subnav ul li{position:relative; float:left; height:55px; margin-right:30px;}
.subnav ul li a{height:55px; line-height: 55px; font-size: 14px;color:#666; }
.subnav .navslip{position:absolute; bottom:-1px; left:36px; width:0; height:2px;background-color:#126ac2;}




.breadcrumb-right,.breadcrumb-right a{ color:#666;}

.breadcrumb-right a{ padding:0 5px;}

.breadcrumb-right a:hover{ color:#126ac2;}

.news .sub-block{ padding:2em 0;}

.news-recommend-left{ padding-right:0;}

.news-recommend-left-info{ position:relative; height:392px; overflow:hidden}

.news-recommend-left-info img{ max-width:100%; height:392px;}

.news-recommend-left-info h4{ background:rgba(4,111,217,.7); font-size:16px; padding:15px; line-height:32px; position:absolute; width:100%; bottom:0; left:0;}

.news-recommend-left-info h4 a{ color:#fff; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center;}

.news-recommend-left-info h4 a:hover{ color:#add5fd}

.news-recommend-right{ padding-left:0}

.news-recommend-right-info{ background:#f2f2f2; padding:40px 60px; height:392px; overflow:hidden;}

.news-recommend-right h2{ margin-bottom:35px;}

.news-recommend-right h2 a{ font-size:26px; color:#222; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}

.news-recommend-right .desc{ line-height:30px; color:#444;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}

.news-recommend-right .date{ padding:30px 0}

.btn-more{ display:inline-block; line-height:45px; padding:0 30px; background:#f2f2f2; font-size:16px; color:#126ac2; border-radius:5px; border:1px solid #126ac2;transition:1s;-moz-transition: 1s; -webkit-transition:1s; -o-transition:1s; }

.btn-more:hover{ background:#126ac2; color:#fff;}

.news-con-list{ padding:30px 0;}

.news-item{ border-bottom:1px dotted #bbb; padding:45px 0}

.news-item .news-date{ border-right:1px solid #ddd; min-height:170px; text-align:center; color:#444;}

.news-item .news-date b{ display:block; font-size:3.57em; padding-bottom:15px; position:relative;}

.news-item .news-date b:after{ content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-10px; width:20px; height:2px; background:#71a6da;}

.news-item .news-date span{ font-size:18px; padding-top:24px; display:block;}

.news-item .news-item-con{ padding-left:50px;}

.news-item .news-item-con h3{ font-size:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; margin-bottom:35px;}

.news-item .news-item-con .desc{ color:#666; line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-bottom:40px;}

.bottom-btn i.fa{ color:#126ac2; font-size:24px;}

.post-page{ text-align:center; padding:50px 0}

.post-page ul{ margin:0 auto; border-radius:25px; border:1px solid #ddd; padding:10px 40px; display:inline-block}

.post-page ul li{ width:30px; line-height:30px; text-align:center; margin:0 5px; display:inline-block;}

.post-page ul li.on,.post-page ul li:hover{ background:#126ac2; border-radius:100%; color:#fff;} 

.post-page ul li.on a,.post-page ul li:hover a{ color:#fff;}



.post-page2{ text-align:center; padding:50px 0}

.post-page2 .page{ margin:0 auto; border-radius:25px; border:1px solid #ddd; padding:10px 40px; display:inline-block}

.post-page2 .page a{ width:30px; line-height:30px; text-align:center; margin:0 5px; display:inline-block;}

.post-page2 .page a.on,.post-page .page a:hover{ background:#126ac2; border-radius:100%; color:#fff;}





.job-left h2{ font-size:28px; position:relative; padding-bottom:35px; line-height:1.5}

.job-left h2:after{ content:''; width:50px; height:1px; background:#126ac2; position:absolute; bottom:0; left:0;}

.job-require{ padding:50px 0; font-size:16px; line-height:48px; color:#444;}

.job-info{ position:relative;}

.job-download{ position:absolute; bottom:3.57em; left:3.57em; text-align:center; }

.job-download img{ padding-bottom:20px; display:inline-block}

.job-download a{ font-size:18px; display:block;}

.job-left{ position:static;} 

.job-right-item h3{ font-size:24px; margin-bottom:20px;}

.job-right-item p{ color:#666; line-height:30px;}

.job-right-item{ padding-bottom:50px;}

.job-btn a{ display:block; text-align:center; background:#126AC3; font-size:20px; color:#fff; line-height:50px;}

.job-btn a:hover{ background:rgba(18,106,195,.9)}

.list-banner{ min-height:475px; background-size:cover;}

.copyright .col-md-8,.foot-top .site-map{ padding-left:0}

.copyright .col-md-4,.foot-top .foot-code{ padding-right:0}


.foot-code-info{ width:165px; float:right; text-align:center;}

.mobile-header{    padding: 10px 0;background:#ffffff; position:fixed; width:100%; z-index:2;}

.nav-bars i.fa{ font-size:36px; color:#126ac2; padding-top:10px;}

.sub-title h2.large-title b{ font-weight:normal; font-size:36px; line-height:32px; margin-bottom:15px; display:inline-block; padding:0 15px; position:relative; color:#333;}

.sub-title h2.large-title b:before{ content:''; width:80px; height:2px; background:#ccc; position:absolute; left:-80px; top:16px; display:block;}

.sub-title h2.large-title b:after{ content:''; width:80px; height:2px; background:#ccc; position:absolute; right:-80px; top:16px; display:block;}

.sub-title h3.small-title{ font-size:18px; color:#999; padding-bottom:25px;} 

.sub-title .title-desc{ color:#666; width:680px; margin:0 auto; padding-bottom:50px; padding-top:15px; line-height:2}

.wrapper-project{ padding:50px 0}

.pad-30{ padding:30px 15px;}

.project-item .img {

    position: relative;

    overflow: hidden;

}

.project-item .img .plus{width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 2;

    background: rgba(10,68,141,.59);

    transition: all ease .3s;}

.project-item .img .plus img {

    width: 50px;

    height: 50px;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 125px;

}

.project-item .tbox {

    box-sizing: border-box;

    padding: 18px 14px 0 14px;

}

.project-item .tbox .tbox-title {

    font-size: 18px;

    line-height: 30px; height:30px;

    color: #000;

    margin-bottom: 6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;

}

.project-item .tbox .tbox-txt {

    font-size: 14px;

    line-height: 26px;

    color: #000;

    opacity: .5;

    margin-bottom: 17px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.project-item .tbox .tbox-more {

    width: 100px;

    height: 30px;

    box-sizing: border-box;

    border: 1px solid #b5b5b5;

    text-align: center;

    line-height: 28px;

    font-size: 12px;

    color: #666;

    border-radius: 14px;

    margin-left: -4px;

    transition: all ease .3s;

}

.project-item:hover .img .plus {

    top: 0;

}

.project-item:hover .tbox .tbox-more {

    color: #fff;

    background: #0a448d;

    border: 1px solid #0a448d;

}

.project-item{ margin-bottom:30px;}

.suopu-slider.one-jobslist{ padding-bottom:150px;}

.suopu-slider.one-jobslist .slick-prev{ bottom:0; top:auto; left:46%; margin-left:-31px;}

.suopu-slider.one-jobslist .slick-next{ bottom:0; top:auto; right:46%; margin-right:-31px;}

.slick-next, .slick-prev{ width:62px; height:62px; background:#fff; border-radius:100%; text-align:center; line-height:100%;}

.slick-next:before, .slick-prev:before{ font-family:inherit; color:#126ac2; font-size:30px;}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{ background:#126AC3;}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before{ color:#fff;}

.other-solutions-info .slick-next,.other-solutions-info .slick-prev{ z-index:99}

.sub-roll .slick-prev:before{content: "\f104";font: normal normal normal 60px/1 FontAwesome;}

.sub-roll .slick-next:before{content:"\f105";font: normal normal normal 60px/1 FontAwesome;}

.sub-roll .slick-next,.sub-roll .slick-prev{ width:18px; height:60px; background:none;}

.sub-roll .slick-next:before,.sub-roll .slick-prev:before{ color:#999;}

.sub-roll .slick-next:hover:before,.sub-roll .slick-prev:hover:before{ color:#126ac2;}



#searchbar.active i.fa-search:before{    content: "\f00d";}

.search-dropdown{ top:100%; background: rgba(7,112,217,.65); width:100%;}

.search-dropdown .searchbox{ width:76%; margin:0  auto}

.search-dropdown .input-group-btn .btn.btn-default{ vertical-align:top;    background: rgba(255,255,255,.1); color:#ffffff; border-color: rgba(255,255,255,.1)}

.search-dropdown .input-group-btn .btn.btn-default:hover{background: rgba(255,255,255,.3); border-color:rgba(255,255,255,.3)}

.search-dropdown .searchbox{ height:40px; overflow:hidden;}
.form-control, .input-group-btn .btn{height:40px;}


.other-solutions-info .slick-track .slick-slide{ padding:0 15px;}

.other-solutions-info .slick-slide img{ display:inline-block; width:80%;}

.other-solutions-info{ margin-left:-15px; margin-right:-15px;}

.job-content01{ padding-top:50px;}

.job-content01 .sub-img{ padding:50px 0;}

.job-content01 .sub-img img{ border-radius:100%}

.job-content01 h3{ font-size:20px; color:#333}

.job-content01 li:hover h3{ color:#126AC3}

.wrapper-job02{ background:#f0f0f0 url(../images/job-bg01.jpg) center bottom no-repeat;}

.job-content02{ padding-top:200px; margin-left:-60px; margin-right:-60px;}

.job-train-item-info{ border:1px solid rgba(184,253,218,.8); background:#fff; padding:48px 0 65px 0;}

.job-train-item-info.job-train-item-info02{ border:1px solid rgba(206,231,255,.8)}

.job-train-item-info.job-train-item-info03{ border:1px solid rgba(247,218,255,.8)}

.job-train-item-info .icon{ margin-top:-122px;}

.job-train-item-info h3{ font-size:22px; color:#333; margin:55px 0 15px 0; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}

.job-train-item-info p{ color:#444; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; text-align:left;}

.job-train-item{ padding-left:60px; padding-right:60px;}

.job-train-txt{ width:80%; margin:0 auto}

.job-welfare{ margin-top:100px; border:1px solid #dedede;}

.job-welfare-txt,.job-welfare .sub-img{ height:260px; overflow:hidden;}

.job-welfare li{ padding-left:0; padding-right:0; background:#f3f3f3;}

.job-welfare-txt{ padding:70px 50px 0 50px;}

.job-welfare-txt h3{ font-size:24px; color:#333; margin-bottom:20px;}

.job-welfare-txt p{ line-height:26px;}

.wrapper-job-contact h3{ margin-top:50px; font-size:30px; line-height:60px;}

.wrapper-job-contact{ color:#fff; background:url(../images/job-contact-bg.jpg) center center no-repeat;}

.wrapper-job-contact .sub-title h2.large-title b{ color:#fff;}

.wrapper-job-contact .sub-title h2.large-title b:before,.wrapper-job-contact .sub-title h2.large-title b:after{ background:#fff;}

.sub-tab{ border-bottom:0; margin-top:30px; margin-bottom:15px;}

.sub-tab.nav-tabs>li{ float:none; display:inline-block; font-size:20px;}

.nav-tabs>li>a{ margin:0 20px; padding:0 5px; display:block; padding-bottom:20px; border-bottom:1px solid #fff;}

.nav-tabs>li>a:hover:focus,.nav-tabs>li>a:hover{ border:0; background:none;border-bottom:1px solid #126ac2; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border:0; border-radius:0; border-bottom:1px solid #126ac2; color: #126ac2}

.recruit-list-info li{ margin-top:40px;}

.recruit-list-info li .recruit-list-item{border: 1px solid #dcdcdc;

    padding: 14px 24px 26px 24px; background:#fff;}

.recruit-list-info li .recruit-list-item:hover {

    background: #0a448d; cursor:pointer;

}

.recruit-list-info li .recruit-list-item .title {

    background: url(../images/icon-user.png) 10px center no-repeat;

    font-size: 18px;

    line-height: 60px;

    color: #000;

    box-sizing: border-box;

    padding-left: 60px; height:60px; overflow:hidden;

}

.recruit-list-info li .recruit-list-item:hover .title {

    background: url(../images/icon-user01.png) 10px center no-repeat;

    color: #fff;

}

.recruit-list-info li .recruit-list-item .txt {

    font-size: 14px;

    line-height: 24px;

    color: #999;

    text-align: left;

    margin-bottom: 20px;

    border-top: 1px solid #dcdcdc;

    padding-top: 11px; height:120px; overflow:hidden;

}

.recruit-list-info li .recruit-list-item:hover .txt {

    color: rgba(255,255,255,.5);

}

.recruit-list-info li .more {

    width: 100px;

    height: 30px;

    border: 1px solid #dcdcdc;

    font-size: 12px;

    text-align: center;

    line-height: 28px;

    box-sizing: border-box;

    color: #999;

    border-radius: 15px;

}

.recruit-list-info li .txt b {

    display: block;

    color: #787878;

    line-height: 36px; font-weight:normal;

}

.recruit-list-info li:hover .txt b {

    color: rgba(255,255,255,.5);

}

.recruit-list-info li:hover .more {

    color: #fff;

    border-color: #fff;

}

.wrapper-job03 .modal-dialog{ height:600px; width:70%; padding-top:5%}

.wrapper-job03 .modal-content{ height:600px; overflow-y:scroll;}

.wrapper-job03 .modal-header{ border-bottom:0;}

.wrapper-job03 .modal-header .close{ font-size:55px;}

.wrapper-job03 .modal-body{ padding:0 50px 50px 50px}

.wrapper-job03 .modal-body .about-title h3{    font-size: 24px; line-height: 48px;}

.wrapper-job03 .modal-body .about-title p{ line-height:48px;} 

.mar-10{ margin-left:10px;}

.wrapper-job03 .modal-body .about-title{border-bottom: 1px solid #d2d2d2;}

.wrapper-job03 .modal-body .about-txt {

    margin-top: 22px;

    line-height: 36px;

}

.wrapper-job03 .modal-body .about-txt .job-txt-item{ padding-bottom:25px;}

.wrapper-job{padding-bottom:40px;}

.about-top-info{ padding-top:50px;}

.about-top-info img{ padding-left:100px;}

.about-top-info h3{ font-size:24px; color:#333; line-height:40px;}

.about-top-info h4{ font-size:18px; line-height:40px; margin-bottom:30px;}

.about-top-info p{ line-height:30px; color:#444; text-indent:2em; margin-bottom:20px;}

.about-number{ background:url(../images/about-num-bg.jpg) center center no-repeat; padding:80px 0; color:#fff;}

.about-number h4{    font-size: 60px;font-weight: bold;margin-bottom: 15px; font-family:Arial;}

.about-number h4 span.num-plus{ font-size:14px; font-weight:normal;font-size:30px; margin-left:5px;}

.grey-bg{ background:#f2f2f2;}

.president-info{ margin-top:60px; background:url(../images/about-img02.jpg) left center no-repeat; min-height:525px; padding-top:0.6em;}

.president-txt{background:#fff; border:1px solid #ddd; padding:30px 50px;}

.president-txt p{ line-height:30px; color:#444; text-indent:2em; margin:0}

.wrapper-history{ background:#edfafe url(../images/history-bg.png) center center no-repeat;}

.history-list{ height:370px; margin:100px 0}

.history-item{ position:relative; height:370px;}

.history-item:after{ content:''; position:absolute; top:180px; left:15px; width:100%; height:2px; background:#0059b1;}

.history-top-item{ width:50%; position:absolute; right:15px; bottom:230px;}

.history-bottom-item{ width:50%; position:absolute; left:0; top:220px;}

.history-top-item p{line-height:22px;overflow: hidden; height:66px; vertical-align:bottom}

.history-btn{ width:140px; height:40px; background:#177ffe; font-size:20px; color:#fff; text-align:center; line-height:40px; margin-bottom:8px; position:relative;}

.history-top-item .history-btn{float:right; margin-bottom:0}

.history-top-item .history-btn:before{ content:''; height:26px; width:1px;background:#177ffe; position:absolute; bottom:-26px; left:70px;}

.history-top-item .history-btn:after{ content:''; height:24px; width:24px;background:url(../images/icon001.png) no-repeat; position:absolute; bottom:-50px; left:58px; z-index:30}

.history-bottom-item .history-btn:before{ content:''; height:26px; width:1px;background:#177ffe; position:absolute;top:-26px; left:70px;}

.history-bottom-item .history-btn:after{ content:''; height:24px; width:24px;background:url(../images/icon001.png) no-repeat; position:absolute; top:-50px; left:58px; z-index:30}

.honor-info-list .img img{ display:inline-block;}

.honor-info-list .img{ text-align:center;}

.history-list .item{ padding:0;} 

.history-btn-more a{ display:inline-block; height:45px; line-height:45px; padding:0 30px; border:1px solid #177ffe; background:#fff; font-size:20px; color:#177ffe;}

.history-btn-more a:hover{ background:#177ffe; color:#fff;}

.honor-num{ width:50%; margin:0 auto;}

.honor-num li h4{ font-size:60px; color:#666; font-weight:bold; font-family:Arial;}

.honor-num li h4 span.num-plus{ font-size:14px; color:#444; margin-left:5px; margin-bottom:10px;}

.honor-num li p{ font-size:16px; color:#444;}

.honor-info{ margin-top:45px;}

.honor-info p{ font-size:16px; color:#444; padding-top:10px;}

.culture-info{ margin-top:90px; height:520px;}

.poster-item {

    background: #fff;

    height: 510px;

    width: 440px;

    border-radius: 10px;

    transition: all 0.5s;

    cursor: default;

    -moz-transition: all 0.5s;

    cursor:pointer;

    -webkit-transition: all 0.5s;


    -o-transition: all 0.5s;


    box-shadow: 0px 8px 30px #999;

}

.culture-txt{ background:#fff; padding:40px 0}

.culture-txt h1{ font-size:34px; color:#222; border-left:10px solid #177ffe; line-height:60px; padding-left:70px;}

.culture-txt p{ padding:15px 15px 0 80px; line-height:26px; color:#666;}

.culture-info-con{ width:100%; overflow:hidden;}



.mobile-header a.active i.fa-bars:before {

    content: "\f00d";

}

#toTop {

    position: fixed;

    right: 5px;

    bottom: 5px;

    z-index: 999;

    display: none;

    padding: 10px 0 0 2px;

    width: 55px;

    height: 55px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background:#999 url(../images/icons-top.png) center center no-repeat;

    color: #fff;

    text-align: center;

    font-size: 32px;

    opacity: .4;

    cursor: pointer;

    filter: alpha(opacity=80);

}

/*product*/

.pro-limg{ padding:5px; background:#fff; border:1px solid #e7e7e7;}

.product-info-block{ padding:80px 0}

.product-info-block h2{ font-size:26px; color:#000; padding-left:15px; margin-bottom:20px;}

.pro-roll-right{ padding:0 36px;} 

.pro-roll-right .desc{ width:90%; line-height:25px; color:#545454; margin-bottom:15px;}

.sub-roll-item{ text-align:center;}

.sub-roll-img{ width:80%; margin:0 auto;padding:4px; border:1px solid #e7e7e7;}

.sub-roll-item img{ display:inline-block;}

.sub-roll-item .roll-title{ padding-top:5px;}

.sub-roll-item .roll-title a{ font-size:16px; color:#585858; line-height:30px; height:30px;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp:1;

overflow: hidden;}

.sub-roll-item .roll-title a.active{    color: #126ac2;}

.sub-roll-item:hover .roll-title a{ color:#2583dd;}

.product-category-info h3.title{ line-height:60px; border-bottom:1px solid #e7e7e7; text-align:center; margin:0 15px 15px 15px; font-size:24px;}

.resource-img img{ width:100%;}

.resource-tit a{  display:block; line-height:58px; height:58px; overflow:hidden;

 font-size:16px; color:#4a4a4a; text-align:center;padding:0 15px; background:#f7f7f7;}

.water-resources li:hover .resource-tit a{ background:#00a2ff; color:#fff;}

.water-resources li{ margin-top:35px;}

.hardware-top-info .pro-roll-right .desc{ padding:25px 0}

.warning-txt{ background:#e7f1fb; padding:40px 35px; height:297px; overflow:hidden}

.warning-right .warning-img{ height:297px; overflow:hidden; background:#fbfbfb;}

.warning-left{ padding-right:0;}

.warning-right{ padding-left:0;}

.warning-txt h2{ font-size:20px; line-height:35px; position:relative; padding-bottom:25px;}

.warning-txt h2 a{display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;}

.warning-txt h2:after{ content:''; display:block; width:50px; height:1px; background:#126ac2; position:absolute; bottom:0; left:0;}

.warning-txt .desc{ color:#666; line-height:24px; margin-top:30px;display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp:4;

overflow: hidden;}

.early-warning-info li{ margin-bottom:35px;}

.early-warning-info ul{ padding:70px 0}

.sub-roll-item .roll-title{ width:80%; margin:0 auto;}

/*contact*/

.contact-item{ width:45%; margin:0 auto}

.contact-icon{ margin-bottom:40px;}

.contact-item p{ margin:0; line-height:30px; color:#444}

.wrapper-contact .sub-title h2.large-title b{ margin-bottom:25px;}

.online-message-info{ width:85%; margin:0 auto}

.online-message-info input{

    width:85%;

    background: #fff;

    border: 1px solid #ddd;

    padding: 10px 15px;

}

.message-item{ margin-bottom:15px;}

.online-message-info textarea{background: #fff; width:100%;

    border: 1px solid #ddd;

    padding: 10px 15px}

.message-btn a{ display:inline-block; line-height:36px; padding:0 52px; border-radius:5px; color:#fff; font-size:18px; background:#126ac2; margin:0 10px;}

.message-btn a.btn02{ background:#bbb;}

.message-btn a:hover{ opacity:.85;}



@media (max-width: 1600px){
	
	.president-info{padding-top:0.4em;}

}


@media screen and (max-width: 1200px){

.container{ width:1170px;}

.header-right b{ padding-right:10px; margin-right:10px;}

.post-content p{ line-height:30px;}

.job-welfare-txt, .job-welfare .sub-img{ height:212px;}

.job-welfare-txt{padding: 50px 50px 0 50px;}

.category-nav-left li{ margin:0 20px; }

.about-top-info img{ padding-left:20px;}

.president-txt{ padding:20px;}

.president-info{ padding-top:0.2em;}

.history-list{    margin: 100px 40px;}

.slick-prev{ left:-20px;}

.slick-next{ right:-20px}

.honor-info{ padding:0 40px;}

.honor-info-list .img img{ width:80%}

}

@media (max-width: 1024px){

.container{ width:1000px;}

#header-pcmenu a{ font-size:14px;}

.header-right{ font-size:12px;}

.list-banner h3.the-title{ font-size:2.5em;}

.list-banner{ min-height:420px;}

.post-item .post-txt,.post-item .post-img{ width:auto; float:none;}

.post-item .post-img{ text-align:center}

.post-item .post-img img.pull-right,.post-item .post-img img.pull-left{ float:none !important; display:inline-block;}

.sub-block{ padding:5em 0}

.sub-title .title-desc{ width:80%}

.job-content01 .sub-img img{ width:80%; margin:0 auto}

.job-train-item-info h3{ font-size:20px;}

.job-train-item{ padding-left:30px; padding-right:30px;}

.job-content02{ margin-left:-30px; margin-right:-30px;}

.job-train-txt{ width:100%; padding:0 15px;}

.category-nav-left li{ margin:0 10px;}

.about-top-info img{ width:50%;} 

.sub-roll-item .roll-title a{ font-size:14px;}

.hardware-top-info .pro-roll-right .desc{ padding:8px 0}

.contact-item{ width:100%; text-align:center}

}

@media (max-width: 768px){

.logo img{ height:40px;}

.container {width: 750px;}

.other-solutions{ padding:30px 15px}

.other-solutions-item .img-icon img{ width:80%}

.copyright,.copyright .text-right{ text-align:center;}

.other-solutions-item .other-title{ font-size:18px;}

.foot-code-info{ width:auto; float:none;}

.pad-50{ padding:20px;}

.list-banner{ min-height:300px;}

.list-banner h3.the-title{ line-height:40px; top:50%; margin-top:0;}

.logo a{ display:block;}

.nav-side-menu ul,

.nav-side-menu li {

  list-style: none;

  padding: 0px;

  margin: 0px;

  line-height: 60px;

  cursor: pointer;

}

.nav-side-menu ul :not(collapsed) .arrow:before,

.nav-side-menu li :not(collapsed) .arrow:before {

  font-family: FontAwesome;

  content: "\f107";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

  float: right; font-size:30px;

}

.nav-side-menu ul .active,

.nav-side-menu li .active {

  background-color: #f2f2f2;

}

.nav-side-menu li.active span.arrow:before{ content:"\f106";}

.nav-side-menu ul .sub-menu li.active,

.nav-side-menu li .sub-menu li.active {

  color: #d19b3d;

}

.nav-side-menu ul .sub-menu li.active a,

.nav-side-menu li .sub-menu li.active a {

  color: #d19b3d;

}

.nav-side-menu ul .sub-menu li,

.nav-side-menu li .sub-menu li {

  border: none;

  line-height: 35px;

  margin-left: 0px; padding:0 5px; font-size:16px;

}

.collapse.in{ padding-bottom:15px;}

.nav-side-menu li .arrow{ color:#999;}

.nav-side-menu ul .sub-menu li:before,

.nav-side-menu li .sub-menu li:before {

  font-family: FontAwesome;

  content: "\f105";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

}

.nav-side-menu li {

  padding: 0px 20px;

  border-bottom: 1px solid #ddd; font-size:18px;

}

.suopu-slider.one-jobslist .slick-prev, .other-solutions-info .slick-prev{ left:44%;}

.suopu-slider.one-jobslist .slick-next, .other-solutions-info .slick-next{ right:44%;}

.project-item .tbox .tbox-title{-webkit-line-clamp:2;}

.job-content01 .sub-img{ padding:20px 0;}

.job-content01 h3{ font-size:18px;}

.job-content02{ padding-top:130px;}

.job-content01{ padding-top:30px;}

.job-train-item-info{    padding: 48px 0 30px 0;}

.job-train-item-info h3{ font-size:20px;    -webkit-line-clamp: 2; line-height:28px; height:56px; overflow:hidden; margin:30px 0 15px 0}

.job-welfare{ margin-top:30px;}

.job-welfare-txt{ padding:15px;}

.job-welfare-txt, .job-welfare .sub-img{ height:136px;}

.job-welfare-txt h3{ font-size:20px; margin-bottom:10px;}

.job-welfare-txt p{ line-height:20px; height:80px; overflow:hidden;}

.wrapper-job-contact h3{ font-size:24px; line-height:50px;}

.recruit-list-info li .recruit-list-item .title{ font-size:16px;}

.wrapper-job03 .modal-body{ padding:0 15px 15px 15px}

.wrapper-job03 .modal-header{ padding:10px 15px 0 0}

.job-content02{ margin-left:0; margin-right:0;}

.about-top-info h3{ font-size:22px;}

.about-top-info{ padding-top:40px;}

.history-list{    margin:50px 40px;}

.honor-num{ width:80%;}

.honor-num li h4,.about-number h4{ font-size:50px;}

.history-btn-more a{ font-size:18px;}

.honor-info p{ font-size:14px; padding:0 10px;}

.culture-txt{ padding:20px 0}

.culture-phone li{ margin-top:25px;}

.culture-txt h1{     border-left:5px solid #177ffe;    padding-left: 20px; font-size:28px;}

.culture-txt p{    padding: 15px 15px 0 35px;}

.president-img{ padding:20px 0}

.president-info{ padding-top:0; margin-top:30px; background:none;}

.history-bottom-item,.history-top-item{ width:80%;}

.history-top-item{ right:0}

.history-bottom-item{ left:0;}

.history-item p{ height:42px;}

.searchbox{ padding:20px 15px;}

.searchbox .form-control{ border-right:0;}

.searchbox .btn-default{ border-left:0;}

.searchbox .fa-search{ color:#126ac2}

.breadcrumb-right.text-right{ text-align:left;}

.product-info-block{ padding:50px 0}

.pro-roll-right .desc{ width:100%}

.contact-item{ width:100%}

}

@media (max-width: 420px){

.container {width: 100%;}

.pad-50{ padding:30px 15px;}

.solution-txt-header h2{ font-size:1.5em; line-height:2; margin-bottom:10px;}

.sub-block{ padding:20px;}

.post-item{ margin-bottom:2em;}

.other-solutions h2.title{ font-size:1.8em; margin-bottom:30px;}

.other-solutions-item .img-icon img{ width:50%}

.other-solutions-item{ margin-bottom:20px;}

.copyright .col-md-8, .foot-top .site-map{ padding-left:15px;}

.foot-top .site-map li{ width:50%;}

.foot-top h3{ margin:15px 0}

.foot-top,.post-content{ padding:20px 0}

.post-content p{ line-height:28px;}

.other-solutions-info li{ padding:0 5px;}

.breadcrumb-right.text-right{ text-align:left;}

.list-banner h3.the-title{ font-size:1.5em; margin-top:10px;}

.news .sub-block{ padding:15px 0}

.news-recommend-left{ padding-right:15px;}

.news-recommend-right-info{ height:auto; padding:15px;}

.news-recommend-right{ padding-left:15px;}

.news-recommend-right h2{ margin-bottom:15px;}

.news-recommend-right h2 a{ font-size:20px;-webkit-line-clamp:2;line-height:1.5}

.news-recommend-right .date{ padding:15px 0}

.btn-more{ line-height:40px; padding:0 15px; font-size:14px;}

.more-btn{ text-align:center; padding:10px 0;}

.news-item .news-item-con{ padding-left:0}

.news-item .news-item-con h3{-webkit-line-clamp: 2; font-size:18px; line-height:1.5; margin-bottom:15px;}

.news-item .news-item-con .desc{ margin-bottom:15px;}

.news-item-img{ margin-top:15px;}

.news-item-img img{ width:100%;}

.news-item{ padding:20px 0}

.post-page{ padding:10px 0}

.news-recommend-left-info img,.news-recommend-left-info{ height:auto;}

.job-left h2{ padding-bottom:20px;}

.job-require{ padding:30px 0; line-height:35px;}

.job-download{ position:static; padding-bottom:50px;}

.job-right-item{ padding-bottom:30px;}

.list-banner{ min-height:180px;}

.nav-bars i.fa{ font-size:28px;}



.nav-bars i.fa{ padding-top:2px;}

.nav-side-menu li{ font-size:16px; line-height:45px;}

.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before{ font-size:26px;}

.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li{ font-size:14px;}

.suopu-slider.one-jobslist .slick-prev, .other-solutions-info .slick-prev{ left:38%;}

.suopu-slider.one-jobslist .slick-next, .other-solutions-info .slick-next{ right:38%;}

.suopu-slider.one-jobslist, .other-solutions-info{ padding-bottom:120px;}

.other-solutions{ padding:30px 0}

.solution-txt-header h2{ margin-top:0} 



#colorbox{width:300px;}
.sub-title .title-desc{ width:90%}

.sub-title h2.large-title b{ font-size:24px;}

.job-content01{ padding:15px 0;}

.job-content01 h3{ font-size:16px;} 

.job-content02{ padding-top:0;}

.job-train-item{ margin-top:100px;}

.job-train-item-info h3{ height:auto;}

.sub-block{ padding:40px 20px;}

.job-welfare-txt, .job-welfare .sub-img,.job-welfare-txt p{ height:auto;}

.job-welfare .sub-img,.job-welfare-txt.last{ margin-bottom:15px;}

.job-welfare .sub-img.last{ margin-bottom:0;}

.job-welfare .sub-img img{ width:100%}

.job-welfare li{ background:none;}

.job-welfare-txt{background: #f3f3f3;}

.job-welfare{ border:0;}

.wrapper-job-contact h3{ font-size:18px; margin-top:20px; line-height:40px;}

.sub-tab{ margin-top:15px;}

.recruit-list-info li{ margin-top:20px;}

.wrapper-job03 .modal-dialog{ width:80%; margin:0 auto;}

.wrapper-job03 .modal-header .close{ font-size:40px;}

.wrapper-job03 .modal-body .about-title h3{ font-size:20px; line-height:30px;}

.wrapper-job03 .modal-body .about-txt{ margin-top:10px;}

.wrapper-job03 .modal-body .about-txt .job-txt-item p{ margin:0; line-height:26px;}

.job-train-item{ padding-left:0; padding-right:0;}

.category-nav-left li a{ font-size:14px;}

.category-nav-left li{ margin:0 5px;} 

.about-top-info img.pull-right{ float:none !important; width:100%; display:block; padding-left:0; margin-bottom:15px;}

.about-top-info{ padding-top:20px;}

.about-top-info h4,.about-number li{ margin-bottom:15px;}

.president-info{ margin-top:20px;}

.about-number p{ font-size:12px;}

.about-number{ padding:30px 0}

.sub-roll .slick-prev{ left:-35px;}

.sub-roll .slick-next{ right:-35px;}

.honor-num{ width:100%}

.honor-num li h4, .about-number h4{ font-size:40px;}

.culture-txt h1{ font-size:22px; line-height:40px;}

.history-bottom-item,.history-top-item{ width:100%;}

.other-solutions-info{ padding:0 15px}

.product-info-block{ padding:20px 0}

.water-resources li:last-child{ display:none;}

.resource-tit a{ line-height:22px; font-size:14px; height:44px; }

.resource-tit{ padding:5px 10px;}

.early-warning-info ul{ padding:20px 0}

.warning-left{ padding-right:15px;}

.warning-right{ padding-left:15px;}

.warning-txt{ height:auto; padding:15px}

.warning-right .warning-img{ height:auto; text-align:center;}

.warning-right .warning-img img{ display:inline-block;}

.early-warning-info li{ margin-bottom:15px;}

.warning-txt h2{ padding-bottom:15px;}

.warning-txt .desc{ margin-top:15px;}

.pro-roll-right{ margin-top:20px;}

.contact-item{ text-align:center;}

.contact-icon{ margin-bottom:10px;}

.contact-item { margin-bottom:15px;}

.online-message-info input,.online-message-info{ width:100%;}

.online-message-info{ padding:15px 0}

.sub-title .title-desc{ padding-bottom:15px;}

}



@media (max-width: 375px){

.job-left h2{ font-size:22px;}

.job-right-item h3{ font-size:20px;}

.job-btn a{ font-size:16px;} 

.list-banner{ min-height:150px;}

.suopu-slider.one-jobslist .slick-prev, .other-solutions-info .slick-prev{ left:36%;}

.suopu-slider.one-jobslist .slick-next, .other-solutions-info .slick-next{ right:36%;}

.job-train-item-info h3,.job-welfare-txt h3,.sub-tab.nav-tabs>li{ font-size:18px;}

.job-train-item-info .icon img{ width:100px;}

.job-train-item-info .icon{ margin-top:-100px;}

.about-top-info h3{ font-size:18px;}

.history-btn-more a{ font-size:16px;}

.sub-title .title-desc{ width:100%}

}

@media (max-width: 320px){

.solution-txt-header h2{ font-size:1.3em; font-weight:bold;}

.solution-txt-header{ padding-bottom:15px;}

.other-solutions-info li{ padding:0}

.copyright{ font-size:12px;}

.category-nav-left li{ margin:0 15px;}

.news-recommend-right h2 a{ font-size:18px;}

.news-item .news-date b{ font-size:2.8em;}

.news-item .news-date span{ font-size:16px;}

.post-page ul{padding: 5px 20px;}

.navmenu, .navbar-offcanvas{ width:240px;}

.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li{ line-height:28px;}

.nav-side-menu li{ padding:0 15px;}

.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before{ padding-right:0}

.slick-next, .slick-prev{ width:50px; height:50px;}

.slick-next:before, .slick-prev:before{ font-size:24px;}

.suopu-slider.one-jobslist .slick-prev, .other-solutions-info .slick-prev{ left:40%}

.suopu-slider.one-jobslist .slick-next, .other-solutions-info .slick-next{ right:40%} 

.suopu-slider.one-jobslist, .other-solutions-info{ padding-bottom:80px;}

.other-solutions{ padding-bottom:0}

.other-solutions h2.title{ font-size:1.5em;}

.post-content{ padding-bottom:0}

.post-share{ padding-top:20px;}

.mobile-header{ padding:5px 0}

.job-content01 h3{ font-size:12px;}

.job-train-item-info h3{ font-size:16px;}

.job-content01 .sub-img img{ width:90%;}

.job-train-item{ margin-top:80px;}

.job-welfare{ margin-top:15px;}

.wrapper-job-contact h3{ font-size:16px; line-height:30px;}

.nav-tabs>li>a{ margin:0 10px;}

.sub-tab.nav-tabs>li{ font-size:16px;}

.nav-tabs>li>a{ padding-bottom:10px;}

.wrapper-job03 .modal-dialog{ width:90%; padding-top:10%}

.wrapper-job03 .modal-content{ height:500px;}

.wrapper-job03 .modal-body .about-txt .job-txt-item{ padding-bottom:15px;}

.sub-title h2.large-title b:before{ width:40px; left:-40px;}

.sub-title h2.large-title b:after{ width:40px; right:-40px}

.sub-title h2.large-title b{ font-size:22px;}

.about-number{ padding:15px 0}

.sub-block{ padding:20px 15px;}

.history-btn{ font-size:18px;}

.history-list{ margin:20px 40px;}

.honor-num li h4, .about-number h4{ font-size:30px;}

.culture-txt{ padding:10px 0}

.culture-txt p{ padding-top:5px}

.message-btn a{padding: 0 30px; font-size:16px;} 

}